<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Vue 中的 is 属性</title>
    <!-- 引入vue.js -->
    <script src="vue/vue.js"></script>
</head>

<body>
    <!-- https://cn.vuejs.org/v2/guide/components.html#%E8%A7%A3%E6%9E%90-DOM-%E6%A8%A1%E6%9D%BF%E6%97%B6%E7%9A%84%E6%B3%A8%E6%84%8F%E4%BA%8B%E9%A1%B9 -->
    <div id="app-7">
        <table>
            <tr>
                <th>序号</th>
                <th>名称</th>
            </tr>
            <myrow></myrow>
        </table>
        <table>
            <tr>
                <th>序号2</th>
                <th>名称2</th>
            </tr>
            <tr is="myrow"></tr>
        </table>
    </div>
    <script>
        Vue.component('myrow', {
            template: '<tr><td>01</td><td>中国</td></tr>'
        })
        var app7 = new Vue({
            el: '#app-7'
        })
    </script>
</body>

</html>
